@charset "utf-8";
.up{background:#4d4d4d; height: 36px; line-height: 36px; padding:0px; font-size: 12px; overflow: hidden;}
.up .lang{float: right;}
.up .lang a{margin-left: 10px; color: #ccc;}
.up  a{color: #ccc;}
.up  a:hover{ color: #fff;}
.up .lang img{width: 16px;}
.up .uk-dropdown{padding: 10px;min-width: 160px;}
.up .uk-nav>li>a{padding: 0; margin-left:0; line-height: 28px; color: #666; padding: 0 5px;}
.up .uk-nav>li>a:hover{color: #d8171a !important; background: #eee;}
.up .uk-margin-small-right{margin-right: 0px !important;}

.lang.yy img{width: 16px; vertical-align: middle; margin-top: -4px;}
.lang.yy a{display: block; padding: 5px 0;}
.uk-tooltip {padding: 0px 6px 3px 6px;}

/*.header .uk-navbar{height: 80px;}*/
.header{width: 100%;transition: all 1s; border-bottom:0px solid #eee;}
.header:hover{background:rgba(255,255,255,0.95);}
.header:before{content: ""; position:absolute; width: 100%; bottom: 0; z-index: 0; height: 0px; background:#ddd; }
.header .uk-navbar-container:not(.uk-navbar-transparent) {background:inherit;}
.header .uk-logo.logo{width:207px; height:70px; transition: all 1s; background: url(../images/logo.png) no-repeat left center; background-size: 100% }
.header:hover .uk-logo.logo{background: url(../images/logo.png) no-repeat left center; background-size: 100% }
.header .uk-navbar-nav{margin-left: 40px;}
.header .uk-navbar-nav>li>a,.header .uk-navbar-toggle{min-height:70px; }
.header .uk-navbar-nav>li{ margin:0 15px; }
.header .uk-navbar-nav>li>a{padding: 0px;font-size: 16px;color: #000;font-family:'Arial',"Microsoft YaHei","Lucida Grande";}
.header:hover .uk-navbar-nav>li>a{color: #000}
/* .header .uk-nav>li>a {text-align: center;} */
.header .uk-navbar-dropdown{background: initial; border-top: 0px solid #d8171a; padding:20px 0px; }
.header .uk-navbar-dropdown-nav>li>a{ border: 0px solid #ccc; border-radius: 4px;text-align: center; font-size: 14px; padding: 5px 0; margin-bottom: 5px; background: #fff; color: #d8171a;}
.header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #d8171a; border: 0px solid #d8171a; }

[class*=uk-dropdown-bottom] {margin-top:0px;}

.header .uk-navbar-nav>li>a.uk-open{color:#d8171a; background: url(../images/jt.png) no-repeat center bottom;}
.header .uk-navbar-nav>li.uk-open>a,#layout.uk-sticky-fixed .header .uk-navbar-nav>li.uk-open>a{color:#d8171a;}
.header .uk-navbar-nav>li.uk-open>a:before{content: ""; position:absolute; top: 0; height: 3px; width: 100%; background: #d8171a;}
.header .uk-navbar-nav>li{position:relative;}
.header .uk-navbar-nav>li:hover>a:before{content: ""; position:absolute;left: 0; top: 0; width: 100%; background: #d8171a; height: 3px;} 

/* .header .uk-navbar-nav>li>a.uk-button-text::before {
  top: 0;
  left: 0;
	border-top: 2px solid #d8171a;
  border-bottom: 0px solid #d8171a;
}
.header .uk-navbar-nav>li>a.uk-open::before{content: ""; position:absolute;left: 0; top: 0; height: 3px; background: #d8171a;}
 */


.uk-modal-close-full{background: initial;}

#layout{position:relative; width: 100%; z-index: 10;}
#layout#headbox{position: relative; width: 100%;}
.uk-sticky-fixed{box-shadow:0px 1px 2px 2px rgba(0,0,0,0.1);}
#layout.uk-sticky-fixed .header{background:rgba(255,255,255,1);}
#layout.uk-sticky-fixed .header .uk-logo.logo{background: url(../images/logo.png) no-repeat left center; background-size: 100%}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a, #layout .header:hover a, #layout.uk-sticky-fixed a{color: #000}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a:hover{color:#d8171a;}

#layout .header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #d8171a}
#layout .header .uk-navbar-nav>li>a.uk-open{color:#d8171a;}
#layout .header .uk-navbar-nav>li>a:hover{color: #d8171a}

#layout .uk-search-navbar .uk-search-input {font-size: 1rem;}
#layout .uk-navbar-toggle.search{padding-right: 0}
.header .uk-navbar-dropbar-slide{background: #eee; background-size: 100%; box-shadow: 0 5px 7px rgba(0,0,0,.0);}


#layout.uk-sticky-fixed .up  a{color: #ccc;}
#layout.uk-sticky-fixed .up  a:hover{ color: #fff;}
.uk-sticky-fixed .up .uk-nav>li>a{color: #666!important;}
/* down-menu */
.down-menu ul li .ico-menu{margin-bottom: 10px;}
.down-menu ul li a:hover h6{color: #d8171a;}

.left-menu .uk-nav-parent-icon>.uk-parent>a::after{
    transform:rotate(180deg);
-ms-transform:rotate(180deg);     /* IE 9 */
-moz-transform:rotate(180deg);    /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */
}
.left-menu .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
    transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);  /* Opera */
}
.uk-offcanvas-bar.left-menu {background: #4d4d4d}
.uk-offcanvas-bar.left-menu hr{background: rgba(255,255,255,0.1);}
.uk-offcanvas-bar.left-menu .en a, .uk-offcanvas-bar.left-menu .bq, .uk-offcanvas-bar.left-menu .design a{color:rgba(255,255,255,0.4); }
.uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{font-size: 12px; line-height: 16px;}
#layout .header .uk-offcanvas-bar.left-menu .uk-nav>li>a{color:rgba(255,255,255,0.9); }
#layout .header:hover .uk-offcanvas-bar.left-menu .uk-nav-sub>li>a{color:rgba(255,255,255,0.6); }
#layout .header:hover .uk-offcanvas-bar.left-menu ul.uk-nav-sub {
    padding: 5px 0 5px 10px;
}
#layout .header:hover .lang.yy a{color:rgba(255,255,255,0.6); }
/*gghead*/
.header.gghead{border-bottom:0;}
.header.gghead .uk-logo.logo{background: url(../images/logo-hover.png) no-repeat left center; background-size: 100% }
.header.gghead .uk-navbar-nav>li>a,.header.gghead .sousuo a{color: #212121;}
.header.gghead .uk-navbar-nav>li>a:hover{color: #d8171a}
.header.gghead .sousuo a:hover{color: #d8171a}
.header.gghead .uk-navbar-nav>li>a.cur {color: #d8171a;}
.uk-sticky-fixed .header{background:#fff;}

/*banner*/
.banner{position: relative;background:#04091e;}
.banner .bt-en{ font-size: 5rem; line-height: 1.3; margin-bottom:10px;}
.banner h1 span{font-weight:bold; color: #fff}
.banner .an{padding: 8px 30px; width: 120px; height: 40px; border-radius:50px; border: 1px solid #fff;}
.banner .an span{font-size: 24px; line-height: 1; margin-left: 4px;  margin-top: -6px; vertical-align: middle;color: #fff}
.banner .an:hover{border: 1px solid #d8171a; background: #d8171a;}
.banner .dwdh{position: absolute; bottom: 0; padding: 20px 0; width: 100%; background: rgba(0,0,0,0.5);}

.ggbanner{height: 450px; position: relative;}
.ggbanner .bt-en{ font-size: 4rem; line-height: 1; margin-bottom:15px;}

.uk-thumbnav.lunbo-dianji li{width: 140px; }
.uk-thumbnav.lunbo-dianji .t{cursor: pointer; font-weight: bold; padding: 0 20px; color: rgba(255,255,255,0.7); border-bottom: 3px solid rgba(255,255,255,0.5);transition: all 0.5s;}
.uk-thumbnav.lunbo-dianji .t:hover{color: #fff; border-bottom: 3px solid rgba(255,255,255,0.9);}
.uk-thumbnav.lunbo-dianji .uk-active .t{ color: #d8171a; border-bottom: 3px solid #d8171a;}
.uk-thumbnav>*>::after{background:inherit;}


/*footer*/
.footer{color:rgba(255,255,255,0.8); background: #f5f5f5; font-size: 14px;}
.footer .ptb{padding:80px 0 100px 0;}
.footer a:hover{color: #d8171a;}
.footer .uk-nav-default>li>a{line-height: 28px;}
/*.footer .ewm img{width:90%;}*/
.footer .uk-nav>li>a{padding:0 0 3px; color: #666;}
.footer .uk-nav>li>a:hover{color: #d8171a}
.footer .uk-active .f-bt{font-weight: bold; color: #000; line-height:18px; padding-top: 0; padding-bottom:15px;}
.footer .lianxi{margin-top: 13px; line-height: 22px;}
.footer .lianxi span{vertical-align:center}
.footer .name{margin-top:5px;}
.footer .name p{font-size: 12px;}
.footer .name p, .footer .add, .footer .lianxi{line-height: 20px;}
.footer .fengxiang{margin-bottom:20px; margin-right: 5px;}
.footer .fengxiang{font-size: 16px; line-height: 30px;}
.uk-modal-dialog.fx{width:250px; border-radius: 4px;}
.footer .ewm{max-width:90px; color: #999;margin-top:3px; text-align: center;}
.footer .ewm h6{color: #999;}
.banquan{padding:15px 0;line-height:20px; font-size: 12px; color: #999; border-top: 1px solid rgba(0,0,0,0.1)}
.banquan a{ color: #999}.banquan a:hover{ color: #d8171a}


/*公用*/
.uk-lightbox{background: rgba(0,0,0,0.8);}
.uk-lightbox-toolbar{background: rgba(0,0,0,0);}

.weizi{padding:15px 0;border-bottom:1px solid #ddd; font-size: 14px; color: #999 }
.weizi a{color: #666 }.weizi a:hover{color: #d8171a}

/*.title h2{font-weight:bold}*/
.more{position: relative;}
.more{display: inline-block;padding: 0 0 0 20px;  font-size: 14px; line-height: 20px; height: 32px; line-height: 32px; border: 1px solid #bbb; border-radius: 4px; overflow: hidden;}
.more span{float: right; display: inline-block; margin-left: 20px; width: 32px; height: 32px;line-height: 32px; text-align: center; font-size: 20px; background: #bbb; color: #fff; transition: all 0.5s;}
.more:hover span{background: #d8171a; color: #fff;}
.more:hover {border: 1px solid #d8171a;color: #d8171a;}

.more.mm{border: 1px solid #fff;}
.more.mm span{background: #fff; color: #d8171a;}
.more.mm:hover span{background: #d8171a; color: #fff;}
.more.mm:hover {border: 1px solid #fff;background: #fff; color: #d8171a;}

/* homeabout */
.homeabout{padding-bottom: 120px;}.homeabout.a{background:rgba(255,255,255,0.8); padding-bottom: 100px;}
.homeabout .hapho{position: relative;}
.homeabout .hapho .enbt{position:absolute; left: 0; top:0; padding:0 4px;  height: 100%;background: #4b4b4b;  color: #fff; z-index: 1;
writing-mode: vertical-lr;writing-mode: tb-lr;
}
.homeabout .hapho .enbt span{margin-top: 20px; font-size: 12px;}
.homeabout .hapho .shipin{color: #fff;transition: all 0.5s;}
.homeabout .hapho a:hover .shipin{color: #d8171a;}	
.homeabout .hapho a:hover .enbt{background: #d8171a; transition: all 0.5s;}
.homeabout .hatxt .xian{height: 4px; width: 40px; margin: 25px 0; background: #d8171a;}
.homeabout .hatxt p{text-align: justify;}

.about-bg{padding-bottom: 450px; background-size: 100%}
@media (max-width: 1440px){
.about-bg{padding-bottom: 350px;}
}

/* shuju */
.shuju .ico-sj{margin-bottom:10px}
.shuju h1.sj{font-family: 'Oswald', sans-serif; font-weight: 700}
.shuju h5{margin-top:10px}
.shuju h1, .shuju h1 .sz{font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 56px;}
.shuju h1 .w{font-size: 16px; line-height: 20px;}
.jzrq{color: #999; font-size: 12px;}

.shuju.a-sj h1, .shuju.a-sj h1 .sz{font-size: 26px;}
.shuju.a-sj h5 {font-size: 12px; line-height: 20px;margin-top:5px}
.shuju.a-sj .ico-sj img{height: 60px;}

.shuju.cg{margin-left: 50px;}
.shuju.cg .ico-sj{float: left; margin-right: 50px;}
.shuju.cg h1, .shuju.cg h1 .sz{font-size: 36px; line-height: 1}
.shuju.cg h5{margin-top:3px; font-size: 14px;}

/* home-cp */
.uk-subnav-pill.hcp-nav>.uk-active>a{background-color: #fff;color: #d8171a; border-bottom: 4px solid #d8171a; }
.uk-subnav-pill.hcp-nav>*>:first-child {padding:0px 0px 10px 0;color: #666;border-bottom: 4px solid #fff;font-weight: bold; font-size: 2rem; line-height: 1;}
.home-cp .mc{font-weight:bold; padding: 30px 0; width: 100%; text-align: center;
	    -moz-text-shadow: 0px 1px 4px #000;
	    -webkit-text-shadow: 0px 1px 4px #000;
	    text-shadow: 0px 1px 4px #000;
}
.home-cp .mc h5{font-weight: bold;}
.home-cp .mc p{padding: 20px 60px 0 60px;}

.uk-button-default.hcp-more{border: 1px solid #fff; border-radius:25px; font-weight: bold; transition: all 0.5s;}
.uk-button.hcp-more{line-height: 36px; padding: 0 25px;}
.uk-button-default.hcp-more:hover{border-color:#d8171a;background: #d8171a;}

/* home-youshi */

.home-youshi ul li h5{margin-top: 20px;}
.rywh-lb{transition: all 0.5s;}
a .rywh h5{ border-bottom: 2px solid rgba(255,255,255,.0);transition: all 0.5s;}
a:hover .rywh h5{border-bottom: 2px solid #fff;}
.homelogo img{border: 1px solid #eee;}

/*home news*/
.homenews-list{position: relative; transition: all 0.5s;}
/* .homenews-list:before{content: ""; position: absolute; left: 0; top: 0; margin-right: 40px; width:300px; height:240px; background: #4b4b4b;}
 */
.homenews-list .js{font-size: 14px; line-height: 24px;}
.homenews-list .txt{padding: 20px  40px;}
.homenews-list .txt .n-tit{height: 60px;}
.homenews-list .n-cont .pho{position: relative;
    display: block;
    height: 234px;
    margin-bottom: -234px;
    transition: 500ms ease;
    z-index: 5;}
.homenews-list .n-cont .pho{margin-left: 40px;}
.homenews-list .n-cont .nbox{position: relative;transition: 500ms ease;z-index: 1;
transition:All 0.6s ease-in-out;
-webkit-transition:All 0.6s ease-in-out;
-moz-transition:All 0.6s ease-in-out;
-o-transition:All 0.6s ease-in-out;
}		
.homenews-list .n-cont .nbox .sbt{position: relative;display: block; height: 234px;margin-right: 40px;  background: #4b4b4b;}			
.homenews-list .n-cont .nbox .sbt .sbt-tit{overflow: hidden;
    position: absolute; z-index: 2; 
    text-align: right;
    line-height: 40px;
    top: 195px;
    width: 27em; 
    height: 40px;
    right:141px; font-size: 14px;
    text-transform: none;
    color: #fff;
    transform: rotate(-90deg);
}
		
.homenews-list:hover .n-cont .nbox{
transform:translate(0,15px);
-webkit-transform:translate(0,15px);
-moz-transform:translate(0,15px);
-o-transform:translate(0,15px);
-ms-transform:translate(0,15px);
}		
.homenews-list a:hover .txt .n-tit{color: #d8171a;}
		

		

.home-news-lb{position: relative; padding:25px 25px 32px 25px;}
.home-news-lb li{padding: 10px;transition: all 0.5s;}
.home-news-lb li:hover{background: #f5f5f5;}
.home-news-lb .uk-list-divider>li:nth-child(n+2){margin-top: 0px;margin-bottom: 0px;}
.home-news-lb .uk-list>li:nth-child(n+2), .uk-list>li>ul {margin-top:0px;}
.riqi{color: #999;}
.riqi span{vertical-align: middle; margin-top: -3px;}

.home-news-lb li:hover h5{color: #d8171a;}

.home-news-lb .n-more{ position: absolute; bottom: 0;left:0; width: 100%;  height: 40px; line-height: 40px; text-align: right; background: #bbb; transition: all 0.5s;}
.home-news-lb .n-more a{margin-right: 10px; font-size: 14px; color: #fff; padding: 5px 10px;}
.home-news-lb .n-more a:hover{background: #fff; color: #000;}
.home-news-lb .n-more a span{font-size: 22px; vertical-align: middle; margin-top: -6px; margin-left: 2px;}
.home-news-lb .n-more:hover{ background: #d8171a;}
/* .news-list{border: 1px solid #e3e3e3; padding:2px; transition: all 1s;}
.news-list:hover{border: 1px solid #2ba23a; background: #2ba23a; color: #fff}
.news-list a:hover h4, .news-list a:hover p{color: #fff}
.news-list p{font-size: 12px; line-height: 20px; color: #666; margin-top: 10px;}
.news-list p.riqi{color: #ccc} */

/* rongyu */
.rongyu h6{margin-top: 10px;}
.rongyu li img{ height:280px; border: 1px solid #ddd}
/* licheng */
.licheng{padding: 0 30px;}
.licheng h4{font-weight: bold;margin-top: 10px; }
.licheng p{font-size: 12px; color: #666; margin-top: 5px; line-height: 20px;}
.licheng .lc-lb{background: rgba(255,255,255,0.45);transition: all 0.5s;}
/*.licheng ul li{padding-bottom: 25px;}*/



.jinkou{position: relative;}
.jinkou:before{content: ""; position:absolute; height: 1px; width: 200%;left: -100px; background: #999; top:90px;}
.jinkou .lc .d{margin:20px auto 20px auto; width:9px; height: 9px; border-radius: 9px; background: #ddd; border: 1px solid #fff;}
.jinkou .lc h2{color:#0e7ac0; line-height: 1}
.jinkou .lc h6{margin:0; color: #888; font-size: 14px;}
.jinkou .lc {line-height: 24px;}
.jinkou [class*=uk-position-center-left], .jinkou [class*=uk-position-center-right]{ 
    top:16px;
}




/* chanye */
.chanye li h5{margin-top:5px; font-size: 14px;}

/* wenhua */
.wenhua{position: relative;}
.wenhua::before {
    content: "";
    width: 100%;
    height: 426px;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(../images/about/whbg.jpg);
    background-size: 100%; background-position: center top;  background-repeat: no-repeat;
}
.wenhua .pic{position: relative;z-index: 2;}
.wenhua .t-bg{background: #d8171a}
.wenhua .t-bg i{font-size: 24px;}
.wenhua .w-bg{background: #f5f5f5}
.wenhua h4{font-weight: bold; margin-bottom: 10px;}
.wenhua p{line-height: 24px;}

.yuedu span{vertical-align: middle; margin-top: -2px;}

.hexin {font-size: 14px; line-height: 22px;}
.hexin h6{font-weight: bold;}

.zeren li:hover h6{color: #d8171a}
.zeren h6{background: #fff;padding:10px;}
/*.zeren .b{border-radius: 6px; overflow: hidden;}*/

/* .zhaopin-lb .ico-zp{ width: 120px; height: 120px; background: url(../images/about/ico-zp-hover.png) no-repeat center top;
background-size: 100%;
} */

/*点扩散*/
.wangdian{position: relative;}
.wangdian .wz{position: absolute;}
/*.wangdian .wz.suzhou{width:60px; height: 231px; top:55px; right:250px; background: url(../images/about/suzhou.png) no-repeat;}
.wangdian .wz.hanguo{width:245px; height: 29px; top:271px; right:0px; background: url(../images/about/hanguo.png) no-repeat;}
.wangdian .wz.taiwan{width:253px; height: 29px; top:332px; right:0px; background: url(../images/about/taiwan.png) no-repeat;}
.wangdian .wz.yingdu{width:77px; height: 197px; top:355px; right:364px; background: url(../images/about/yingdu.png) no-repeat;}
.wangdian .wz.yuenan{width:297px; height: 39px; top:372px; right:0px; background: url(../images/about/yuenan.png) no-repeat;}*/

.wangdian .wz.suzhou{width:60px; height: 179px; top:50px; right:213px; background: url(../images/about/suzhou.png) no-repeat;}
.wangdian .wz.hanguo{width:196px; height:70px; top:121px; right:0px; background: url(../images/about/hanguo.png) no-repeat;}
.wangdian .wz.taiwan{width:208px; height: 46px; top:225px; right:0px; background: url(../images/about/taiwan.png) no-repeat;}
.wangdian .wz.yingdu{width:77px; height: 115px; top:240px; right:300px; background: url(../images/about/yingdu.png) no-repeat;}
.wangdian .wz.yuenan{width:256px; height: 100px; top:270px; right:0px; background: url(../images/about/yuenan.png) no-repeat;}



.content{width: 100%;height:100%;position: absolute;left: 0;top: 0;}
.content div{background:#ffffff;
            width: 4px;height: 4px;
            border: 2px #fff solid;border-radius:50%;position: relative;
}
.content p, .content span{
position: absolute;width: 4px;height: 4px;
border-radius:50%;
animation: myfirst 2.5s infinite;
box-shadow: 0px 0px 1px #fff; 
margin: 0px;
}
.content  span{animation-delay: 1.5s;}
.content .dian{position: absolute;}
/*.content .dian.sz{right: 275px; top: 285px}
.content .dian.hg{right: 240px; top: 280px}
.content .dian.yd{right: 400px; top: 350px}
.content .dian.tw{right: 252px; top: 340px}
.content .dian.yn{right: 295px; top:380px;}*/

.content .dian.jnd{left: 190px; top: 100px}
.content .dian.mg{left: 273px; top: 180px}
.content .dian.mxg{left: 220px; top: 245px}
.content .dian.ml{left: 318px; bottom: 188px}
.content .dian.bx{left: 392px; bottom: 140px}
.content .dian.zl{left: 335px; bottom: 85px}
.content .dian.yg{left: 577px; top: 116px}
.content .dian.aejly{left: 597px; top: 233px}
.content .dian.lby{left:662px; top: 245px}
.content .dian.stalb{left:745px; top: 250px}
.content .dian.nf{right:519px; bottom: 100px}
.content .dian.fn{right:512px; top: 77px}
.content .dian.shkst{right:396px; top: 155px}
.content .dian.ons{right:126px; top: 80px}
.content .dian.rb{right:131px; top: 188px}
.content .dian.ybnxy{right:242px; bottom:203px}
.content .dian.adly{right:150px; bottom:125px}
.content .dian.xxn{right:17px; bottom:63px}


@keyframes myfirst{
    10% {transform: scale(1);}
    100% {transform: scale(6);}
}



/**/
.Menubox{border: 1px solid #ddd; height: 300px; position:relative;}
.Menubox .ico{padding-top: 40px}
.Menubox .tit{margin-top:30px; font-size: 18px}

.Menubox ul{margin-left: -1px;}
.Menubox li:before{content: ""; position: absolute;bottom: 50px; left: 50%;width: 40px;height: 0px;background: #d8171a;margin-left: -20px;}
.Menubox li{float:left; position:relative; width:298px;height:300px;cursor:pointer; border-left: 1px solid #ddd; text-align: center;}
.Menubox li.on a .hover{color: #fff;transition: all 0.5s;}
/*.Menubox li.on{position:absolute; top:-50px; color:#739242;width:240; height:00px; background:#1144C3;}*/
.Menubox li.on .hover{position:absolute; top:-25px; color:#fff;width:301px; z-index: 1; height:400px; background:#d8171a; box-shadow:10px 10px 20px 0px rgba(0,0,0,0.2);transition: all 0.5s; opacity: 1;}

.Menubox li.on .hover:hover{background: #d8171a}

.Menubox li.on .hover .ico{padding-top:60px}
.Menubox li.on .hover .tit{margin-top:35px; font-size: 24px}
.Menubox li.on .hover .txt{margin-top:20px; font-size: 14px; line-height: 22px; padding:0 20px;}
.Menubox li.on .hover .link{margin-top:30px;}
.Menubox li.on .hover .link .uk-icon-button{width: 26px;height: 26px;background:inherit; color: #fff; border:1px solid #fff;}
.Menubox li.on .hover .more{border: 1px solid #fff;transition: all 0.5s;}
.Menubox li.on .hover .more:hover{ background: #fcc5c6;}
.Menubox li.on .hover .more span{background: #fff; color: #d8171a;}

/* .Menubox.zp{height:260px;}
.Menubox.zp li{width:33.1%;height:260px;cursor:pointer; border-left: 1px solid #eee; text-align: center;transition: all 1s;}
.Menubox.zp li.on .hover{width:251px; height:360px;}
.Menubox.zp .tit {margin-top:20px;}
.Menubox.zp li:before{bottom:30px;}
.Menubox.zp li.on .hover .tit {margin-top:25px;}
.Menubox.zp li.on .hover .txt {margin-top:15px;}
.Menubox.zp li.on .hover .link {margin-top: 50px;} */


.Menubox.zp{height:260px;}
.Menubox.zp li{width:49.8%;height:260px;cursor:pointer; border-left: 1px solid #eee; text-align: center;transition: all 1s;}
.Menubox.zp li.on .hover{width:376px; height:310px;}
.Menubox.zp .tit {margin-top:20px;}
.Menubox.zp li:before{bottom:50px;}
.Menubox.zp li.on .hover .tit {margin-top:25px;}
.Menubox.zp li.on .hover .txt {margin-top:15px;}
.Menubox.zp li.on .hover .link {margin-top:30px;}



/*产品*/
.chanpin-list{position:relative; padding-bottom:0px}
.chanpin-list:before{content: "";height: 90%; width:90%; position:absolute; top:65px; left:0;z-index: 0; background: #f5f5f5; }
.chanpin-list .c{position:relative;}
.chanpin-list .c .cpBox{padding:10px 40px 20px 40px; width:85%}
.chanpin-list .cpBox .uk-grid-small>.uk-grid-margin{margin-top:0;}
.chanpin-list .cpBox ul li a{color: #666; line-height: 32px; display: block; margin-top:6px; border-bottom: 1px solid #ddd}
.chanpin-list .cpBox ul li a:hover{border-bottom: 1px solid #d8171a;color: #d8171a}
.chanpin-list .cpBox ul li a:hover{}
.chanpin-list.cp{margin-left:10%; padding-bottom: 0}
.chanpin-list.cp .c .cpBox{padding: 0px; width:80%}
.biaodian input,.biaodian select,.biaodian textarea{font-size: 14px; border: 0; background: rgba(255,255,255,0.9);}
.cp-an{background: #d8171a; border: 1px solid #d8171a;}
.cp-an:hover{background: #ed2125; border: 1px solid #ed2125;}

.chanpin-xx table{width: 100%; border: 1px solid #ddd;border-bottom:0px solid #ddd; text-align:center;}
.chanpin-xx table tr{border-bottom: 1px solid #ddd}
.chanpin-xx table td{padding:7px;border-bottom: 1px solid #ddd}

.cptedian{position: relative;}
.cptedian::before {
    content: "";
    width: 50%;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background:rgba(255,255,255,0.6);
    
}
.tedian{position: relative; z-index: 1}

.cptxt hr{ margin-top: 10px;margin-bottom: 10px;}
.xgcp li{ transition:0.5s}
.xgcp h6{padding:7px 10px; background:#eee;transition:0.5s}
.xgcp a:hover h6{ background:#d8171a; color: #fff}

.gaofengzi hr{margin:50px 0px;}

/*滚动条*/
#scrolllayout{height: 320px; padding-right:10px;}
.scrollcontent{top:0; left:0; padding-right:10px;}

/* 滚动条样式 */
#Yscrollouter{width: 5px; height: 100%; background: #e3e3e3; border-radius:5px; position: absolute;top:0; right: 0; display: none;}
#Yscrollinner{width: 5px; height: 10px; background: #ccc; border-radius:5px; position: absolute; top: 0; left: 0; }
/* 滚动条样式 */


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.uk-overflow-auto{padding-right: 10px;}
.uk-overflow-auto::-webkit-scrollbar {width: 5px; height: 16px; border-radius:5px; background-color:red;}
/*定义滚动条轨道 内阴影+圆角*/
.uk-overflow-auto::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #e3e3e3; border-radius:5px;
  /*border-radius: 10px;*/background-color: #f2f2f2;}
/*定义滑块 内阴影+圆角*/
.uk-overflow-auto::-webkit-scrollbar-thumb { cursor: pointer; -webkit-box-shadow: inset 0 0 6px #ccc;
  background-color:#ccc; border-radius: 5px; opacity: 0
}
.uk-overflow-auto::-webkit-scrollbar-thumb:hover {background-color:#e3e3e3;}
.uk-overflow-auto::-webkit-scrollbar-thumb:active {background-color: #e3e3e3;}


/*news*/
.uk-subnav.news-nav>*>:first-child{ font-size: 16px; color: #333;}
.uk-subnav.news-nav>*>a:focus,.uk-subnav.news-nav>*>a:hover{color:#d8171a;text-decoration:none;outline:0}
.uk-subnav.news-nav>li.uk-active>a{color:#d8171a;}

.uk-subnav.news-nav{margin-left:-30px }
.uk-subnav.news-nav>*{padding-left:30px }
.uk-subnav-divider.news-nav>:nth-child(n+2):not(.uk-first-column)::before{margin-right: 30px;}

.news-hot-list h2{border-bottom: 1px solid #ddd }
.news-hot-list li{ border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.news-hot-list li a:hover h5{color:#d8171a;}

.news-list{margin-top: 40px; background: #f5f5f5;transition: all 0.5s;}
.news-list:hover{background: #fff;  box-shadow: 0px 5px 20px 3px rgba(204,204,204,0.5);}
.news-list .txt{color: #666; font-size: 14px; line-height: 22px;}

.news-list .time{color: #666}
.news-list .time .hs{font-size:56px; line-height: 1; color: #666}
.news-list .time hr{margin-top: 5px; margin-bottom:0px;}

/*应用*/
.more-jt{display: block; width: 65px; padding-right:32px; border-bottom:1px solid rgba(255,255,255,0.3); background:url(../images/jt1.png) no-repeat right center;}
.more-jt:hover{border-bottom:1px solid #fff }
.yingyong .tp{border-radius: 50%; overflow: hidden;}
.yingyong h5{margin-top: 10px;}

/*.xitong ul.xtlb li{margin:0 10px;}*/
.xitong ul.xtlb li .uk-overlay-default{background: rgba(216,23,26,0.8)}
.xitong ul.xtlb li:hover, .xitong ul.xtlb li a:focus {z-index:2; box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3); transition:0.3s}
.xitong *+.uk-margin {margin-top: 30px!important;}
.xitong .uk-margin{margin-bottom: 0}
.xitong .uk-dotnav>.uk-active>*{background: #d8171a; border-radius: 5px;}
.xitong .uk-dotnav>*>*{width: 30px;height:6px; border-radius: 5px;
background: #ddd;border: 0px solid rgba(102,102,102,.2);
}

.xitong ul.xtlb.chanxue li .uk-overlay-default{background: rgba(216,23,26,0.5)}
.xitong ul.xtlb.chanxue li .uk-overlay-default h3,.xitong ul.xtlb.chanxue li .uk-overlay-default p{color: #fff}

.lingyu .uk-overlay-default{background: rgba(216,23,26,0.8)}
.lingyu h5{color: #fff; margin-top:10px;}

.lingyu .b{position: absolute; bottom: 0; z-index: 1; width: 100%; color: #fff; background:rgba(216,23,26,0.8); transition:0.1s}
.lingyu .b h6{padding:10px; color: #fff }
.lingyu .ly:hover .b{opacity: 0}


/*创新投资*/
.chengguo{background:#f1f1f1;z-index:-2}
.chengguo::before { background:url(../images/chuangxin/cgbg.jpg) no-repeat; background-position: cover; background-size:cover;
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;z-index:-1
}




/* chejian */
.chengguo, .chejian{position: relative;}
/*.chejian::before { background:url(../images/chuangxin/cjbg.jpg) no-repeat;
    content: "";
    width: 100%;
    height: 527px;;
    max-height: 100%;
    position: absolute;
    top: 0; left: 0;z-index: 1
}*/
.chejian .pic{position: relative;z-index: 2;}
.chejian .t-bg{background: #d8171a}
.chejian .t-bg i{font-size: 24px;}
.chejian .w-bg{background: #f5f5f5}
.chejian h5{font-weight: bold; margin-bottom: 10px;}
.chejian p{line-height: 22px; color: #666; font-size: 14px;}

.wucheng .wz{opacity: 0; transition:0.5s}
.wucheng .wz p{color: #fff; margin-top: 10px}
.wucheng .uk-active .wz{opacity: 1; transition:0.5s}
.wucheng li img{opacity: 0.4; transition:0.1s}
.wucheng li.uk-active img{opacity:1; transition:0.5s}

.wucheng .jj{background:#333; color: #fff; top: 45%; }
.wucheng .uk-grid-large{margin-left:-70px;}

/*投资*/
.kechixu .gh{padding:25px;}
.kechixu .gh p{font-size: 14px; line-height: 24px;}
.dinqibaogao .dqbb span{float: right; }
.dinqibaogao .dqbb a{font-size: 16px; line-height: 100%}
.dinqibaogao .dqbb a i{font-size: 24px;vertical-align: middle; margin-top: -7px;}

.dinqibaogao ul li a span{float: right; vertical-align: middle; margin-top:8px; color: #d8171a}
.dinqibaogao ul li{border-bottom: 1px solid #ddd; padding:14px 0;}


.lianxi{background-repeat: no-repeat; background-position: center bottom; background-size: 100%}
.lianxi ul li{font-size: 14px; padding-left: 25px;  position: relative;}
.lianxi ul li.dit{background:url(../images/touzi/map.png) no-repeat left 2px; line-height: 20px;}
.lianxi ul li.tel{background:url(../images/touzi/tel.png) no-repeat left 5px;}
.lianxi ul li.fax{background:url(../images/touzi/fax.png) no-repeat left 5px;}
.lianxi ul li.mail{background:url(../images/touzi/mail.png) no-repeat left 5px;}
.lianxi ul li.ren{background:url(../images/touzi/ren.png) no-repeat left 5px;}

.biaodan{margin-bottom: 300px;}
.tijiao{background:#d7171a; border: 0; color: #fff}
.tijiao:hover{background:#c40018; border: 0; color: #fff}
.lianxi .uk-card-default{box-shadow: 0 5px 15px rgba(0,0,0,.0);}


/*职业发展*/
.jian-mail a{color: #d8171a; text-decoration:underline;}
.jian-mail a:hover{color: #d8171a;}
.down-jian a{font-size: 16px; background:#d8171a }
.down-jian a:hover{background:#d8171a }

.linian{position: relative;}
.linian::before {
    content: "";
    width: 100%;
    height:340px;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index:-1;
    background-image: url(../images/zhiye/lnbg.jpg);
    background-size:cover; background-position: center top;  background-repeat: no-repeat;
}




.zhaopin-list .uk-accordion-content{border: 0px solid #ddd;margin-top: 0px;}
.zhaopin-list .uk-accordion-title{padding: 25px 0; font-size: 18px; border-bottom: 1px solid #ddd}
.zhaopin-list .uk-accordion>:nth-child(n+2) {margin-top: 0px;}
.zhaopin-list .uk-open .uk-accordion-title{color: #d8171a; font-size: 18px; font-weight: bold;}
.zhaopin-list .txt{font-size: 14px; line-height: 24px; color: #666}
.zp-link h6{margin-top:5px;}.zp-link a:hover h6{color: #d8171a;}
.zp-link img{width: 80px}
.zhaopin-linian .uk-overlay-primary{
background: -webkit-linear-gradient(bottom,rgba(17,68,195,0.5),rgba(0,0,0,0));
    background: -moz-linear-gradient(bottom,rgba(17,68,195,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom,rgba(17,68,195,0.5) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom,rgba(17,68,195,0.5),rgba(0,0,0,0));
}


.peiyang{position: relative;}
.peiyang::before {
    content: "";
    width: 100%;
    height: 426px;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:-1;
    background-image: url(../images/zhiye/pybg.jpg);
    background-size: 100%; background-position: center top;  background-repeat: no-repeat;
}


/*商城*/
.shop{display:block; font-size: 14px; padding-left: 55px;  height: 40px; line-height: 40px; background:#e3e3e3; }
.shop:hover,.shop.ali:hover{background:#d8171a; color: #fff}
.shop.ali{ width: 85px; background: url(../images/about/ali.png) no-repeat 20px center  #e3e3e3;}
.shop.ali:hover{ width: 85px; background: url(../images/about/ali-hover.png) no-repeat 20px center #d8171a;}

.shop.jd{ width: 85px; background: url(../images/about/jd.png) no-repeat 20px center  #ddd;}
.shop.jd:hover{ width: 85px; background: url(../images/about/jd-hover.png) no-repeat 20px center #d8171a;}

.shop.tm{ width: 85px; background: url(../images/about/tm.png) no-repeat 20px center  #e3e3e3;}
.shop.tm:hover{ width: 85px; background: url(../images/about/tm-hover.png) no-repeat 20px center #d8171a;}




/*map*/
.map{width: 100%;height:230px;}
.map .BMap_Marker{z-index:2}
.map .BMap_Marker img{height:25px!important; width:39px!important;  max-width:550px!important;}
.map .BMap_shadow img{max-width:inherit!important;}
.map .BMap_bubble_title{font-weight: bold;}
.map .BMap_bubble_content{font-size: 14px; line-height: 18px; margin-top:5px;}

.sxt ul li{padding:5px 0; color: #999}
.sxt ul li span{padding:5px 0; color: #999}